/*
CPM Reviews website iframe stylesheet
*/
* {
  margin: 0;
  padding: 0em;
  border: 0;
  box-sizing: border-box;
  font-family:'Times New Roman', Times, serif;
}

h1 {
  color:darkgreen;
  font-size: 130%;
  padding-bottom: 1em;
  font-family:Arial, Helvetica, sans-serif;
}

h2 {
  color:darkgreen;
  font-size: 120%;
  padding: 0.5em 0 0.5em 0;
  font-family:Arial, Helvetica, sans-serif;
}

h3 {
  color:darkgreen;
  font-size: 110%;
  font-family:Arial, Helvetica, sans-serif;
}

a {
  text-decoration:none;
  color:green;
  font-family:Arial, Helvetica, sans-serif;
}

.buttonr {
  text-decoration:none;
  color:green;
  background-color:transparent;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
 
}

html {
  background-image: url(../images/paper2.gif);

}

.iframe-body:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(../images/trude-jonsson-stangel-mNJm5VQ2WvM-unsplash\ mod.png);
    background-repeat:no-repeat;
    background-size: 100%;
    opacity: 0.1;
}

.content {
    position: relative;
    padding: 1em; 
    z-index: 2;
    font-size: 110%;
}​
.iframe-body {
  position: relative;
  font-family: Times New Roman, Times, serif;
  font-size: 110%;
}

.iframe-body .cols {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  padding: 0.5em;
}

.iframe-body p {
  padding-bottom: 0.5em;
}

.iframe-body p ul li {
  padding-left: 4em;
}

.row {
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: transparent;
}

.row .leftcolumn {
  float: left;
  flex-direction: column;
  display: block;
  width: 100%;
}

.row .leftcolumn h3 {
  color:green;
}

.ulist {
  padding-left: 1em;
  list-style-type: disc;/* '&#x21F0';*/
}
.row .rightcolumn {
  float: right;
  flex-direction: column;
  text-align:right;
  width: 9em;
  padding: 0em;
  /* border-style:solid;
  border-color:black;
  border-width: 1px; */
}

.iframepic {
  width: 7em;
  border-radius: 7%;
  opacity: 50%;
}

.hideit {
  display: none;
}

.leftmenu {
  padding-top: 2em;
  color: white;
  font-size: 0.8em;
}

.leftmenu-ul {
  list-style-type: '\02907';
}

.more {
  padding: 0.3em;
  text-decoration: none;
  color: white;
  background-color: green;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

@media screen and (max-width: 700px) {
  .side {
    display: none;
  }

  .gridbox {
    display: grid;
    grid-template-columns: 12em 1fr 1fr;
    grid-template-areas: 'logo values menu'
    'main main main'
    'contact contact contact';
    gap: 0px;
    background-color: transparent;
    padding: 0px;
  }
  .slideshow {
    display: none;
  }

  .leftmenu-ul {
    display: flex;
    flex-direction: row;
    list-style: none;
  }

  .tlist {
    color: green;
    background-image: url(../images/paper2.gif);
    padding-right: 0.5em;
  }

  .row .rightcolumn {
    display: none;
  }

}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

.dashb {
  display:flex;
  flex-direction:column;
  text-align:right;
  padding:0;
  background-color: transparent;
}
.dashbi {
  display:inline-block;
  background-color: transparent;
  position:absolute;
  top:5.2em;
  right:20%;
}

.dashbia {
  padding:0;
  width: 1.5em;
  height:1.5em;
  background-color: transparent;
  /*box-sizing: border-box;
  overflow: hidden;
  border-style:solid;
  border-color:black;
  border-width: 1px;*/
}

.dashbi button {
  background-color: transparent;
}

.idropdown {
  position: relative;
  display: inline-block;
  height:2em;
  padding-bottom:0.5em;
}

.idropdown-list {
  display: none;
  position: absolute;
  top:0%;
  right: 0;
  left: auto;
  background-color: antiquewhite;
  padding:1em 0 1em 1em;
  font-size: 90%;
  text-align: left;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.idropdown-list a {
  color: green;
  padding-top: 1%;
  padding-bottom: 1%;
  text-decoration: none;
  display: block;
}

.idropdown-list a:hover {
  background-color: #f1f1f1
}

.idropdown:hover .dropdown-list {
  display: block;
}

.idropdown:hover .menu-icon {
  background-color: transparent;
}
.row50 {
  display: flex;
  flex-flow:row wrap;
  width:100%;
}

.row50d {
  width:50%;
}

.row50p {
  margin:10pt;
}